@use "sass:color";

// 主题色
$primary-color: #1A1A1A;
$secondary-color: #2A2A2A;
$accent-color: #D4AF37;
$accent-hover: color.adjust($accent-color, $lightness: -10%);

// 文字颜色
$text-primary: #FFFFFF;
$text-secondary: #CCCCCC;
$text-muted: #999999;

// 间距
$spacing-xs: 4px;
$spacing-sm: 8px;
$spacing-md: 16px;
$spacing-lg: 24px;
$spacing-xl: 32px;

// 断点
$breakpoint-sm: 576px;
$breakpoint-md: 768px;
$breakpoint-lg: 992px;
$breakpoint-xl: 1200px;

// 阴影
$shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
$shadow-md: 0 4px 8px rgba(0, 0, 0, 0.2);
$shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.3);

// 过渡
$transition-fast: 0.2s ease;
$transition-normal: 0.3s ease;
$transition-slow: 0.5s ease;
// 字体
$font-family-base: Lab Grotesque,Helvetica,Arial,sans-serif;
$font-family-heading: 'Times New Roman', serif;

// 圆角
$border-radius-sm: 4px;
$border-radius-md: 8px;
$border-radius-lg: 12px;

// 渐变
$gradient-primary: linear-gradient(45deg, $accent-color, color.adjust($accent-color, $lightness: -10%));
$gradient-dark: linear-gradient(45deg, $primary-color, $secondary-color); 